<? $this->load->view('html/meta'); ?>
<body>
<div class="wrapper">
    <? $this->load->view('html/header'); ?>
    <? $this->load->view('html/menu'); ?>
    <div class="container mainpage">
    	<div class="box">
            <div class="title"><img src="<?=url()?>templates/images/category.png" width="30"><b>Đăng ký mới</b></div>
            <div class="sixteen columns label">
                * Chú ý: <b>Bạn cần phải sử dụng đúng email của bạn để đăng ký thành viên để kích hoạt tài khoản:</b><br>
                    Khách hàng sẽ liên hệ với bạn bằng email mà bạn đã đăng ký và email của bạn sẽ được ẩn giấu dưới hệ thống gửi email.
            </div>
            <div class="sixteen columns">
                <h1 class="hd offset-by-four">Thông tin đăng nhập</h1>
                <div class="bd_signin">
                    <div class="twelve columns offset-by-three" style="padding-bottom:10px;"> Các trường có dấu <span style="color:red;">*</span> là các trường bắt buộc.</div>
                    <!--<div class="information">Thông tin đăng nhập </div>-->
                    <form action="" method="post" id="frmlogin">
                        <div class="twelve columns offset-by-three">
                            <div class="regis">
                                <ul class="row">
                                    <li class="three columns">Tên đăng nhập :</li>
                                    <li class="six columns"><span>*</span>
                                        <input type="text" id="username" name="username" value="" size="20">
                                         </li>
                                </ul>
                                <ul class="row">
                                    <li class="three columns">Mật khẩu : </li>
                                    <li class="six columns"><span>*</span>
                                        <input type="password" id="password" name="password" value="" size="20">
                                         </li>
                                </ul>
                                <ul class="row">
                                    <li class="three columns">Xác nhận : </li>
                                    <li class="six columns"><span>*</span>
                                        <input type="password" id="cfpass" name="cfpass" value="" size="20">
                                         </li>
                                </ul>
                                <ul class="row">
                                    <li class="three columns">Email : </li>
                                    <li class="six columns"><span>*</span>
                                        <input type="text" id="email" name="email" value="" size="35">
                                         </li>
                                </ul>
                            </div>
                            <h1 class="hd">Thông tin liên hệ </h1>
                            <div class="regis">
                                <ul class="row">
                                    <li class="three columns">Họ và Tên :</li>
                                    <li class="six columns"><span></span>
                                        <input type="text" id="fullname" name="fullname" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="row">
                                    <li class="three columns">Địa chỉ :</li>
                                    <li class="six columns"><span></span>
                                        <input type="text" id="address" name="address" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="row">
                                    <li class="three columns">Điện thoại: </li>
                                    <li class="six columns"><span></span>
                                        <input type="text" id="nb_phone" name="nb_phone" value="" size="40">
                                    </li>
                                </ul>
                                <ul class="check">
                                    <li class="three columns"><a href="">Xem điều lệ</a> </li>
                                    <li class="six columns"><span></span>
                                        <input type="checkbox" id="agree" name="agree">
                                        Tôi đã xem và đồng ý với qui định của website </li>
                                </ul>
                                <ul class="submit1">
                                    <li class="three columns">&nbsp;</li>
                                    <li class="six columns" style="padding-top:10px;">
                                        <input type="submit" id="submit" value="Đăng ký" name="bt_submit">
                                        <input type="reset" id="reset" value="Viết lại" name="Reset">
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            <div class="clear"></div>
         </div>
    </div>
    <? $this->load->view('html/bottom'); ?>
</div>
<!--end wrapper--> 
<script language="javascript">
	$(document).ready(function(){
		$("#frmlogin").validate({
			rules: {
				username:{required:true},
				email: {
					   required: true,
					   email: true
				   },
				password:{required:true},
				cfpass: {
					required: true,
					equalTo: "#password" //So sánh với trường cpassword với thành trường có id là password
				},
				agree:{required:true}
			},
			messages: {
				 username: "Vui lòng nhập tên đăng nhập",
				 password: "Vui lòng nhập mật khẩu",
				 cfpass: {
					 required:"Vui lòng xác nhận lại mật khẩu",
					 equalTo : "Mật khẩu không trùng khớp"
				 },
				 email: {
				 	required: "Vui lòng cập nhật email",
				 	email: "Vui lòng nhập đúng định dạng sau name@domain.com"
				 },
				 agree: "Bạn chưa đồng ý với điều lệ trang web"
		   },
		   submitHandler : function(form){
		   		dataString = $("#frmlogin").serialize();
				$.ajax({
				   type: 'POST',
				   url: '<?=base_url()?>dangky/action',
				   data: dataString,
				   success: function(res){
						if(res)
						{
							jAlert("Cập nhật thông tin thành công",'Thông báo') ;   
							//window.location = site+"dangky/thanhcong" ;                   
						}
						else
						{
							jAlert("Có lỗi xãy ra",'Thông báo') ;  
						}
					}
			   });
		  }
		
		});
	});
	


	
$(document).ready(function(){
	$('#reset').click(function() {
		$('input:text').val(''); 
	});
});
</script>
</body>
</html>